<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小米商城 - 小米10 Pro、Redmi K30 Pro、小米MIX Alpha，小米电视官方网站</title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/fonts.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
</head>
<body>
  <div class="topbanner">
    <a href="#"></a>
  </div>
  <div class="topbar">
     <div class="w">
       <div class="topbar-nav">
        <a href="#">小米商城</a>
        <span>|</span>
        <a href="#">MIUI</a>
        <span>|</span>
        <a href="#">loT</a>
        <span>|</span>
        <a href="#">云服务</a>
        <span>|</span>
        <a href="#">金融</a>
        <span>|</span>
        <a href="#">有品</a>
        <span>|</span>
        <a href="#">小爱开放平台</a>
        <span>|</span>
        <a href="#">企业团购</a>
        <span>|</span>
        <a href="#">资质证照</a>
        <span>|</span>
        <a href="#">协议规则</a>
        <span>|</span>
        <a href="#">下载app</a>
        <span>|</span>
        <a href="#">智能生活</a>
        <span>|</span>
        <a href="#">Select Location</a>
       </div>
      <div class="topbar-info">
        <a href="#">登录</a>
        <span>|</span>
        <a href="#">注册</a>
        <span>|</span>
        <a href="#">消息通知</a>
      </div>
      <div class="topbar-cart">
        <a href="#"> <i class="iconfont iconfont-cart"></i> 购物车（0）</a>
        <div class="menu-content">
          <p>购物车中还没有商品，赶紧选购吧！</p>
        </div>
      </div>
     </div>
  </div>
  <div class="site-header">
      <div class="w">
          <div class="header-logo"><a href="#" class="logo"></a></div>
          <div class="header-nav">
            <a href="#" class="header-nav1">小米手机
              <div class="header-nav-drop-down">
                <ul>
                  <li><a href="#">
                    <img src="images/xiaomishi160X110.webp" alt=""><br>
                    小米10至尊纪念版<br>
                    5299元起
                  </a></li>
                  <li><a href="#">
                    <img src="images/xiaomishi160X110.webp" alt=""> <br>
                    小米10至尊纪念版<br>
                    5299元起
                  </a></li>
                  <li><a href="#">
                    <img src="images/xiaomishi160X110.webp" alt=""><br>
                    小米10至尊纪念版<br>
                    5299元起
                  </a></li>
                  <li><a href="#"><img src="images/xiaomishi160X110.webp" alt=""><br>
                    小米10至尊纪念版<br>
                    5299元起</a>
                    
                  </li>
                  <li><a href="#"> <img src="images/xiaomishi160X110.webp" alt=""><br>
                    小米10至尊纪念版<br>
                    5299元起</a>
                   
                  </li>
                </ul>
              </div>
            </a>
            <a href="#">Redmi红米</a>
            <a href="#">电视</a>
            <a href="#">笔记本</a>
            <a href="#">家电</a>
            <a href="#">路由器</a>
            <a href="#">智能硬件</a>
            <a href="#">服务</a>
            <a href="#">社区</a>
          </div>
          <div class="header-search">
            <input type="text" placeholder="耳机" class="search">
            <div class="soushou">
             <p><a href="#">王一博同款手机</a></p>
             <p><a href="#">K30 5G 120Hz流速屏</a></p>
             <p><a href="#">Redmi K30 Pro</a></p>
             <p><a href="#">卡丁车</a></p>
             <p><a href="#">耳机</a></p>
             <p><a href="#">全部商品</a></p>
             <p><a href="#">空调</a></p>
             <p><a href="#">净水器</a></p>
            </div>
            <input type="submit" class="search-btn iconfont" value="">
          </div>
      </div>
  </div>

  <div class="nav-rotation">
    <div class="w">
       <div class="left_nav">
         <ul>
           <li  class="left_nav1">
             <a href="#">手机 电话卡</a>
             <i class=" iconfont iconfont-arrow-right-big"></i>
             <div class="left_nav1-drop-down"> 
              <ul>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10 至尊纪念版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10 青春版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">腾讯黑鲨游戏手机</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 至尊纪念版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 Pro 变焦版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 5G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 4G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X 5G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X 4G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi Note 8 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi Note 8</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 7A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 9</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 9A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 8</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 8A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">中国电信</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">手机上门维修</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">米粉卡 日租卡</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米云服务</a></li>
              </ul>
            </div>
            </li>
           <li class="left_nav2">
             <a href="#">电视 盒子</a>
              <i class=" iconfont iconfont-arrow-right-big"></i>
              <div class="left_nav2-drop-down"> 
                <ul>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米透明电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视 大师 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 X65</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 X55</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 MAX</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 75英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 75英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 红米电视 70英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">全面屏电视Pro 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">全面屏电视Pro 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米壁画电视 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米全面屏电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 50英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4C 32英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">激光投影电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米盒子</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">电视音箱</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4C 55英寸</a></li>
                </ul>
              </div>
            </li>
           <li  class="left_nav1"><a href="#">笔记本 显示器</a> <i class=" iconfont iconfont-arrow-right-big"></i>
            <div class="left_nav1-drop-down" style="top: -104px;"> 
              <ul>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">Redmi G 游戏本</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">RedmiBook Air 13</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">RedmiBook 16</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">RedmiBook 14</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">小米笔记本Pro 15.6"</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">RedmiBook 13</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">小米笔记本 Air 13.3"</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">小米笔记本 Air 12.5"</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">小米游戏本</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">小米显示器34英寸</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">小米显示器27英寸</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">Redmi显示器23.8英寸</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">键鼠套装</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">鼠标</a></li>
               <li><a href="#"><img src="images/笔记本电脑40X40.webp" alt="">转接器</a></li>
              
              </ul>
            </div></li>
           <li  class="left_nav2"><a href="#">家电 插线板</a> <i class=" iconfont iconfont-arrow-right-big"></i>
            <div class="left_nav2-drop-down"  style="top: -146px;"> 
              <ul>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米透明电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视 大师 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 X65</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 X55</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 MAX</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 75英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 75英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 红米电视 70英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">全面屏电视Pro 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">全面屏电视Pro 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米壁画电视 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米全面屏电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 50英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4C 32英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">激光投影电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米盒子</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">电视音箱</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4C 55英寸</a></li>
              </ul>
            </div></li>
           <li class="left_nav1"><a href="#">出行 穿戴</a> <i class=" iconfont iconfont-arrow-right-big"></i>
            <div class="left_nav1-drop-down" style="top: -188px;"> 
              <ul>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt=""><span>小米10 至尊纪念版</span></a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10 青春版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">腾讯黑鲨游戏手机</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 至尊纪念版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 Pro 变焦版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 5G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 4G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X 5G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X 4G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi Note 8 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi Note 8</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 7A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 9</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 9A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 8</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 8A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">中国电信</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">手机上门维修</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">米粉卡 日租卡</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米云服务</a></li>
              </ul>
            </div></li>
           <li  class="left_nav2"><a href="#">智能 路由器</a> <i class=" iconfont iconfont-arrow-right-big"></i>
            <div class="left_nav2-drop-down" style="top: -230px;"> 
              <ul>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米透明电视</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视 大师 65英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 X65</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 X55</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 MAX</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 55英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 65英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 75英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 55英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 65英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 75英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 红米电视 70英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">全面屏电视Pro 65英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">全面屏电视Pro 55英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米壁画电视 65英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米全面屏电视</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 65英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 50英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 55英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4C 32英寸</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">激光投影电视</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米盒子</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">电视音箱</a></li>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4C 55英寸</a></li>
              </ul>
            </div></li>
           <li  class="left_nav1"><a href="#">电源 配件</a> <i class=" iconfont iconfont-arrow-right-big"></i>
            <div class="left_nav1-drop-down" style="top: -272px;"> 
              <ul>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt=""><span>小米10 至尊纪念版</span></a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10 青春版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">腾讯黑鲨游戏手机</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 至尊纪念版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 Pro 变焦版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 5G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 4G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X 5G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X 4G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi Note 8 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi Note 8</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 7A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 9</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 9A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 8</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 8A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">中国电信</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">手机上门维修</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">米粉卡 日租卡</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米云服务</a></li>
              </ul>
            </div></li>
           <li class="left_nav2"><a href="#">健康 儿童</a> <i class=" iconfont iconfont-arrow-right-big"></i>
            <div class="left_nav2-drop-down" style="top: -314px;"> 
              <ul>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米透明电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视 大师 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 X65</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 X55</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 MAX</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 75英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 75英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 红米电视 70英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">全面屏电视Pro 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">全面屏电视Pro 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米壁画电视 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米全面屏电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 50英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4C 32英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">激光投影电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米盒子</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">电视音箱</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4C 55英寸</a></li>
              </ul>
            </div></li>
           <li class="left_nav1"><a href="#">耳机 音箱</a> <i class=" iconfont iconfont-arrow-right-big"></i>
            <div class="left_nav1-drop-down" style="top: -356px;"> 
              <ul>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt=""><span>小米10 至尊纪念版</span></a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米10 青春版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">腾讯黑鲨游戏手机</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 至尊纪念版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 Pro 变焦版</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 5G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi K30 4G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X 5G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 10X 4G</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi Note 8 Pro</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi Note 8</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 7A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 9</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 9A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 8</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">Redmi 8A</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">中国电信</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">手机上门维修</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">米粉卡 日租卡</a></li>
               <li><a href="#"><img src="images/xiaomishi40X40.webp" alt="">小米云服务</a></li>
              </ul>
            </div></li>
           <li class="left_nav2"><a href="#">生活 箱包</a> <i class=" iconfont iconfont-arrow-right-big"></i>
            <div class="left_nav2-drop-down" style="top: -398px;"> 
              <ul>
                <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米透明电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视 大师 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 X65</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 X55</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 智能电视 MAX</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 75英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视5 Pro 75英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">Redmi 红米电视 70英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">全面屏电视Pro 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">全面屏电视Pro 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米壁画电视 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米全面屏电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 65英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 50英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4A 55英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4C 32英寸</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">激光投影电视</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米盒子</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">电视音箱</a></li>
                 <li><a href="#"><img src="images/xiaomidianshi40X40.webp" alt="">小米电视4C 55英寸</a></li>
              </ul>
            </div></li>
         </ul>
       </div>
       <div class="rotation">
        <div class="swiper">
          <div class="swiper-item">
            <ul>
              <li class="open">
                <img src="images/lunbo1.jpg" alt="这里是第一场图片"></img>
                
              </li>
              <li>
                <img src="images/lbo2.webp" alt="这里是第二张图片"></img>
                
              </li>
              <li>
                <img src="images/lbo3.webp" alt="这里是第三张图片"></img>
                
              </li>
              <li>
                <img src="images/lunbo4.webp" alt="这里是第三张图片"></img>
                
              </li>
              <li>
                <img src="images/lunbo5.webp" alt="这里是第三张图片"></img>
                
              </li>
              <li>
                <img src="images/lunbo6.webp" alt="这里是第三张图片"></img>
                
              </li>
            </ul>
          </div>
      
          <div class="swiper-pages">
            <ul></ul>
          </div>
      
          <div class="swiper-btns">
            <span class="prev">&lt;</span>
            <span class="next">&gt;</span>
          </div>
        </div>
      </div>
  
       
       <div class="noodles">
         <ul>
           <li><a href="#"><img src="images/xiaomimiaosha.png" alt="">小米秒杀</a></li>
           <li><a href="#"><img src="images/qiyetuangou.png" alt="">企业团购</a></li>
           <li><a href="#"><img src="images/Fmatongdao.png" alt="">F码通道</a></li>
           <li><a href="#"><img src="images/mifenka.png" alt="">米粉卡</a></li>
           <li><a href="#"><img src="images/yijiuhuanxin.png" alt="">以旧换新</a></li>
           <li><a href="#"><img src="images/huafeichongzhi.png" alt="">话费充值</a></li>
         </ul>
       </div>
       <div class="iphone-row">
         <ul>
          <li><a href=""></a></li>
          <li><a href=""></a></li>
          <li><a href=""></a></li>
         </ul>
       </div>
    </div>
  </div> 
  
  <div class="box-hd">
    <div class="w">
      <h2>小米闪购</h2>
      <div class="jiantoubutton">
      <button class="iconfont iconfont-arrow-right-big" id="btnright" onclick="clickRight()"></button>
      <button class="iconfont iconfont-arrow-left-big" id="btnleft" onclick="clickLeft()"></button>
     
      </div>
    </div>
      
  </div>
  <div class="xiaomimiaosha">
      <div class="w">
           <div class="xiaomishangou">
               <span class="round">14:00 场</span>
               <img src="images/shake.png" alt="">
               <p>距离结束还有</p>
               <p id="show"><i>00</i> <b>:</b> <i>38</i> <b>:</b> <i>15</i></p>
           </div>
          <div class="shangpinglunbo  product-boby" id="shangpinglunbo">
              <ul class="product-boby-ul">
                <li>
                  <a href="#">
                    <img src="images/jimu.jpg" alt="">
                    <h3>智能积木 越野四驱车 白色</h3>
                    <p class="p1">搭建快乐，操控激情</p>
                    <p class="p2">
                      <span>499元</span>
                      <del>699元</del>
                    </p>
                  </a>
                </li>
                <li>
                  <a href="#">
                  <img src="images/抽纸.webp" alt="">
                  <h3>日常元素抽纸 青春版 24包/箱</h3>
                  <p class="p1">精选原生竹浆，健康环保</p>
                  <p class="p2">
                    <span>27.9元</span>
                    <del>32.9元</del>
                  </p>
                </a>
              </li>
                <li>
                  <a href="#">
                  <img src="images/xiaomichongdianbao.jpg" alt="">
                  <h3>小米移动电源3 10000mAh USB-C双向快充版 银色</h3>
                  <p class="p1">双向18W快充 / 输入输出双接口 / 可上飞机，安全贴心</p>
                  <p class="p2">
                    <span>99元</span>
                    <del>129元</del>
                  </p>
                </a>
              </li>
                <li>
                  <a href="#">
                  <img src="images/xiaomihezi.jpg" alt="">
                  <h3>EraClean超声波清洗机 白色 单台装</h3>
                  <p class="p1">360度立体清洁 洁净如新</p>
                  <p class="p2">
                    <span>129元</span>
                    <del>169元</del>
                  </p>
                </a>
              </li>
              </ul>
              <ul class="product-boby-ul"> 
              <li>
                  <a href="#">
                    <img src="images/jimu.jpg" alt="">
                    <h3>智能积木 越野四驱车 白色</h3>
                    <p class="p1">搭建快乐，操控激情</p>
                    <p class="p2">
                      <span>499元</span>
                      <del>699元</del>
                    </p>
                  </a>
                </li>
                <li>
                  <a href="#">
                  <img src="images/抽纸.webp" alt="">
                  <h3>日常元素抽纸 青春版 24包/箱</h3>
                  <p class="p1">精选原生竹浆，健康环保</p>
                  <p class="p2">
                    <span>27.9元</span>
                    <del>32.9元</del>
                  </p>
                </a>
              </li>
                <li>
                  <a href="#">
                  <img src="images/xiaomichongdianbao.jpg" alt="">
                  <h3>小米移动电源3 10000mAh USB-C双向快充版 银色</h3>
                  <p class="p1">双向18W快充 / 输入输出双接口 / 可上飞机，安全贴心</p>
                  <p class="p2">
                    <span>99元</span>
                    <del>129元</del>
                  </p>
                </a>
              </li>
                <li>
                  <a href="#">
                  <img src="images/xiaomihezi.jpg" alt="">
                  <h3>EraClean超声波清洗机 白色 单台装</h3>
                  <p class="p1">360度立体清洁 洁净如新</p>
                  <p class="p2">
                    <span>129元</span>
                    <del>169元</del>
                  </p>
                </a>
              </li>
              </ul>

              <ul class="product-boby-ul">
                <li>
                  <a href="#">
                    <img src="images/jimu.jpg" alt="">
                    <h3>智能积木 越野四驱车 白色</h3>
                    <p class="p1">搭建快乐，操控激情</p>
                    <p class="p2">
                      <span>499元</span>
                      <del>699元</del>
                    </p>
                  </a>
                </li>
                <li>
                  <a href="#">
                  <img src="images/抽纸.webp" alt="">
                  <h3>日常元素抽纸 青春版 24包/箱</h3>
                  <p class="p1">精选原生竹浆，健康环保</p>
                  <p class="p2">
                    <span>27.9元</span>
                    <del>32.9元</del>
                  </p>
                </a>
              </li>
                <li>
                  <a href="#">
                  <img src="images/xiaomichongdianbao.jpg" alt="">
                  <h3>小米移动电源3 10000mAh USB-C双向快充版 银色</h3>
                  <p class="p1">双向18W快充 / 输入输出双接口 / 可上飞机，安全贴心</p>
                  <p class="p2">
                    <span>99元</span>
                    <del>129元</del>
                  </p>
                </a>
              </li>
                <li>
                  <a href="#">
                  <img src="images/xiaomihezi.jpg" alt="">
                  <h3>EraClean超声波清洗机 白色 单台装</h3>
                  <p class="p1">360度立体清洁 洁净如新</p>
                  <p class="p2">
                    <span>129元</span>
                    <del>169元</del>
                  </p>
                </a>
              </li>
              </ul>
              <ul class="product-boby-ul"> 
              <li>
                  <a href="#">
                    <img src="images/jimu.jpg" alt="">
                    <h3>智能积木 越野四驱车 白色</h3>
                    <p class="p1">搭建快乐，操控激情</p>
                    <p class="p2">
                      <span>499元</span>
                      <del>699元</del>
                    </p>
                  </a>
                </li>
                <li>
                  <a href="#">
                  <img src="images/抽纸.webp" alt="">
                  <h3>日常元素抽纸 青春版 24包/箱</h3>
                  <p class="p1">精选原生竹浆，健康环保</p>
                  <p class="p2">
                    <span>27.9元</span>
                    <del>32.9元</del>
                  </p>
                </a>
              </li>
                <li>
                  <a href="#">
                  <img src="images/xiaomichongdianbao.jpg" alt="">
                  <h3>小米移动电源3 10000mAh USB-C双向快充版 银色</h3>
                  <p class="p1">双向18W快充 / 输入输出双接口 / 可上飞机，安全贴心</p>
                  <p class="p2">
                    <span>99元</span>
                    <del>129元</del>
                  </p>
                </a>
              </li>
                <li>
                  <a href="#">
                  <img src="images/xiaomihezi.jpg" alt="">
                  <h3>EraClean超声波清洗机 白色 单台装</h3>
                  <p class="p1">360度立体清洁 洁净如新</p>
                  <p class="p2">
                    <span>129元</span>
                    <del>169元</del>
                  </p>
                </a>
              </li>
              </ul>
       </div>
   </div>  
</div>

  <div class="xiaomishi w">
      <img src="images/xiaomi10zhizhunjinianban.webp" alt="">
  </div>

  <div class="box-hd">
    <div class="w" style="margin-top: 20px;">
      <h2>手机</h2>
      <div class="chakanquanbu">
        <a href="#">查看全部</a> <span></span>
      </div>
    </div>
    <div class="iphone-list">
      <div  class="w">
           <div class="mixalpha">
               <img src="images/xiaomiMIX.webp" alt="">
           </div>
           <div class="iphone-one-list">
             <ul>
               <li><a href="#">
                 <img src="images/xiaomishizhizunban.webp" alt="">
                 <h3> 小米10 至尊版</h3>
                 <p class="p1">120X 变焦/120W秒充/120Hz屏幕</p>
                 <p class="p2">5299元起</p>
               </a></li>
               <li><a href="#">
                <img src="images/hongmik30.webp" alt="">
                <h3>Redmi K30 至尊版</h3>
                <p class="p1">120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                <p class="p2">1999元起</p>
               </a></li>
               <li><a href="#">
                <img src="images/heisha.webp" alt="">
                <h3>腾讯黑鲨3S</h3>
                <p class="p1">骁龙865处理器，120Hz刷新率</p>
                <p class="p2">3999元起</p>
               </a></li>
               <li><a href="#">
                <img src="images/hongmi9.webp" alt="">
                <h3> Redmi 9A</h3>
                <p class="p1">5000mAh长循环大电量，6.53"超大护眼屏幕</p>
                <p class="p2">499元起</p>
               </a></li>
               <li><a href="#">
                <img src="images/xiaomishiqingcunban.webp" alt="">
                <h3> 小米10 青春版 5G</h3>
                <p class="p1">50倍潜望式变焦 / 轻薄5G手机</p>
                <p class="p2">1899元起 <del>2099元</del></p>
               </a></li>
               <li><a href="#">
                <img src="images/xiaomi10.webp" alt="">
                <h3> 小米10</h3>
                <p class="p1">骁龙865/1亿像素相机</p>
                <p class="p2">3699元起<del>3999元</del></p>
               </a></li>
               <li><a href="#">
                <img src="images/红米K30PRO.webp" alt="">
                <h3>Redmi K30 Pro</h3>
                <p class="p1">双模5G，骁龙865，弹出全面屏</p>
                <p class="p2">2699元起<del>2999元</del></p>
               </a></li>
               <li><a href="#">
                <img src="images/红米K30Bianjiaoban.webp" alt="">
                <h3>Redmi K30 Pro 变焦版</h3>
                <p class="p1">双模5G，骁龙865，弹出全面屏</p>
                <p class="p2">3799元起<del>3999元</del></p>
               </a></li>
             </ul>
           </div>
      </div>
    </div>
    <div class="xiaomidianshi w">
      <img src="images/zhinengdianshi.webp" alt="">
  </div>
  <div class="box-hd">
    <div class="w" style="margin-top: 20px;">
      <h2>家电</h2>
      <div class="more">
         <ul id="ul">
           <li><a href="#tv" class="tabnav">电视影音</a></li>
          <li><a href="#hot" class="tabnav cur">热门</a></li>
        </ul>
      </div>
    </div>

    <div class="electric-appliance">
      <div class="w">
        <div class="electric-appliance-list">
          <ul>
            <li><a href="#">
              <img src="images/xiaomidianshiX65.webp" alt="" style="margin-top: 0;">
            </a></li>
            <li class="active"><a href="#">
             <img src="images/红米电视70.webp" alt="">
             <h3>Redmi 红米电视 70英寸</h3>
             <p class="p1">70英寸震撼巨屏，4K画质，细腻如真</p>
             <p class="p2">3199元<del>3799元</del></p>
            </a></li>
            <li><a href="#">
             <img src="images/小米全面屏电视.webp" alt="" >
             <h3>小米全面屏电视E32C</h3>
             <p class="p1">全面屏设计，人工智能系统</p>
             <p class="p2">888元<del>999元</del></p>
            </a></li>
            <li><a href="#">
             <img src="images/小米全面屏电视E55.webp" alt="">
             <h3>小米全面屏电视E55A</h3>
             <p class="p1">全面屏设计，人工智能语音</p>
             <p class="p2">1999元</p>
            </a></li>
            <li><a href="#">
             <img src="images/米家空调.jpg" alt="">
             <h3>米家空调</h3>
             <p class="p1">出众静音，快速制冷热</p>
             <p class="p2">1499元 <del>1799元</del></p>
            </a></li>
            <li><a href="#">
             <img src="images/小米电视4A.webp" alt="" style="margin-top: 0;">
            </a></li>
            <li><a href="#">
             <img src="images/全自动滚筒洗衣机.webp" alt="">
             <h3>Redmi全自动波轮洗衣机1A 8kg</h3>
             <p class="p1">一键操作，父母都爱用</p>
             <p class="p2">799元<del>899元</del></p>
            </a></li>
            <li><a href="#">
             <img src="images/四核电脑.webp" alt="">
             <h3>15.6" 四核i7 16G 独显 512G</h3>
             <p class="p1">全面均衡的国民轻薄本</p>
             <p class="p2">4699元<del>4899元</del></p>
            </a></li>
            <li><a href="#">
              <img src="images/互联网洗衣机.webp" alt="">
              <h3>米家互联网洗烘一体机 Pro 10kg</h3>
              <p class="p1">智能洗烘，省心省力</p>
              <p class="p2">2999元</p>
             </a></li>
             <li>
                <a href="#" class="top" >
                  <img src="images/小米壁画电视.webp" alt="" width="80" height="80" >
                  <h3>小米壁画电视 65英寸</h3>
                  <p class="">6999元</p>
              </a>

                <a href="#" class="bottom">
      
                  <p>浏览更多</p>
                  <small>热门</small>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <div class="xiaomishi w">
      <img src="images/小米门锁.webp" alt="">
  </div>

    <div class="box-hd">
      <div class="w" style="margin-top: 20px;">
        <h2>智能</h2>
        <div class="more">
           <ul>
            <li><a href="">出行</a></li>
            <li><a href="">安防</a></li>
            <li><a href="">热门</a></li>
          </ul>
        </div>
      </div>
  
      <div class="electric-appliance">
        <div class="w">
          <div class="electric-appliance-list">
            <ul>
              <li><a href="#">
                <img src="images/摄像头.webp" alt="" style="margin-top: 0;">
              </a></li>
              <li><a href="#">
               <img src="images/小爱老师.webp" alt="">
               <h3>小米「小爱老师」</h3>
               <p class="p1">英语提分利器</p>
               <p class="p2">499元起</p>
              </a></li>
              <li><a href="#">
               <img src="images/小米智能门锁E.webp" alt="" >
               <h3>小米智能门锁 E</h3>
               <p class="p1">告别钥匙，畅享便捷生活</p>
               <p class="p2">999元</p>
              </a></li>
              <li><a href="#">
               <img src="images/小爱音箱PLAY.webp" alt="">
               <h3>小米小爱音箱 Play</h3>
               <p class="p1">听音乐、语音遥控家电</p>
               <p class="p2">99元 <del>169元</del></p>
              </a></li>
              <li><a href="#">
               <img src="images/小爱音箱万能遥控版.webp" alt="">
               <h3>小爱音箱万能遥控版</h3>
               <p class="p1">传统家电秒变智能</p>
               <p class="p2">149元 <del>199元</del></p>
              </a></li>
              <li><a href="#">
               <img src="images/电动滑板车.webp" alt="" style="margin-top: 0;">
              </a></li>
              <li><a href="#">
               <img src="images/小米电饭煲4L.webp" alt="">
               <h3>米家电饭煲4L</h3>
               <p class="p1">890W 立体加热</p>
               <p class="p2">299元<del>499元</del></p>
              </a></li>
              <li><a href="#">
               <img src="images/小米手环4.webp" alt="">
               <h3>小米手环4</h3>
               <p class="p1">大屏彩显，20天超长续航</p>
               <p class="p2">149元<del>169元</del></p>
              </a></li>
              <li><a href="#">
                <img src="images/米家智能窗帘.webp" alt="">
                <h3>米家智能窗帘</h3>
                <p class="p1">窗帘开合随心控</p>
                <p class="p2">799元</p>
               </a></li>
               <li>
                  <a href="#" class="top" >
                    <img src="images/体脂秤.webp" alt="" width="80" height="80" >
                    <h3 style="padding-top: 30px;">小米体脂秤2</h3>
                    <p style="margin-left: -61px;">99元</p>
                </a>
  
                  <a href="#" class="bottom">
                    <p>浏览更多</p>
                    <small>热门</small>
                </a>
              </li>
            </ul>
           
          </div>
        </div>
      </div>

      <div class="xiaomishi w">
        <img src="images/小米浴霸.webp" alt="">
    </div>
  
      <div class="box-hd">
        <div class="w" style="margin-top: 20px;">
          <h2>搭配</h2>
          <div class="more">
             <ul>
              <li><a href="">耳机音箱</a></li>
              <li><a href="">热门</a></li>
            </ul>
          </div>
        </div>
    
        <div class="electric-appliance">
          <div class="w">
            <div class="electric-appliance-list">
              <ul>
                <li><a href="#">
                  <img src="images/九号平衡车.webp" alt="" style="margin-top: 0;">
                </a></li>
                <li><a href="#">
                 <img src="images/无线耳机AIR2.webp" alt="">
                 <h3>小米真无线蓝牙耳机 Air 2</h3>
                 <p class="p1">智能真无线，轻松舒适戴</p>
                 <p class="p2">299元 <del>399元</del></p>
                </a></li>
                <li><a href="#">
                 <img src="images/小米降噪耳机.webp" alt="" >
                 <h3>小米降噪项圈蓝牙耳机</h3>
                 <p class="p1">无线降噪，静无止境</p>
                 <p class="p2">399元 <del>499元</del></p>
                </a></li>
                <li><a href="#">
                 <img src="images/蓝牙耳机AD.jpg" alt="">
                 <h3>小米蓝牙耳机AirDots青春版</h3>
                 <p class="p1">雅致简约，收纳充电盒</p>
                 <p class="p2">169元 <del>199元</del></p>
                </a></li>
                <li><a href="#">
                 <img src="images/小爱音箱PRO.webp" alt="">
                 <h3>小米小爱音箱 Pro</h3>
                 <p class="p1">语音遥控5000+品牌主流家电</p>
                 <p class="p2">299元</p>
                </a></li>
                <li><a href="#">
                 <img src="images/电动剃须刀.webp" alt="" style="margin-top: 0;">
                </a></li>
                <li><a href="#">
                 <img src="images/项圈耳机.jpg" alt="">
                 <h3>小米蓝牙项圈耳机</h3>
                 <p class="p1">挂在脖子上的好耳机</p>
                 <p class="p2">199元起<del>299元起</del></p>
                </a></li>
                <li><a href="#">
                 <img src="images/运动耳机青春版.webp" alt="">
                 <h3>小米运动蓝牙耳机青春版</h3>
                 <p class="p1">音随你动</p>
                 <p class="p2">99元</p>
                </a></li>
                <li><a href="#">
                  <img src="images/双单元耳机.jpg" alt="">
                  <h3>小米双单元半入耳式耳机</h3>
                  <p class="p1">半入耳式舒适佩戴</p>
                  <p class="p2">59元起<del>69元起</del></p>
                 </a></li>
                 <li>
                    <a href="#" class="top" >
                      <img src="images/随身蓝牙音箱.jpg" alt="" width="80" height="80" >
                      <h3 style="padding-top: 30px; margin-right: 127px;">小米随身蓝牙音箱</h3> 
                      <p>69元</p>
                  </a>
    
                    <a href="#" class="bottom">
                      <p>浏览更多</p>
                      <small style="margin-left: -106px;">耳机音箱</small>
                  </a>
                </li>
              </ul>
             
            </div>
          </div>
        </div>

        <div class="xiaomidianshi w">
          <img src="images/小米智能生活.webp" alt="">
      </div>
      <div class="box-hd">
        <div class="w" style="margin-top: 20px;">
          <h2>配件</h2>
          <div class="more">
             <ul>
              <li><a href="">充电器</a></li>
              <li><a href="">热门</a></li>
            </ul>
          </div>
        </div>
    
        <div class="electric-appliance">
          <div class="w">
            <div class="electric-appliance-list">
              <ul>
                <li><a href="#">
                  <img src="images/蓝牙耳机AIRD.webp" alt="" style="margin-top: 0;">
                </a></li>
                <li><a href="#">
                 <img src="images/无线充.webp" alt="">
                 <h3>高速无线充套装</h3>
                 <p class="p1">快速无线闪充，Qi充电标准</p>
                 <p class="p2">149元</p>
                </a></li>
                <li><a href="#">
                 <img src="images/充电宝青春版.webp" alt="" >
                 <h3>小米无线充电宝青春版10000mAh</h3>
                 <p class="p1">能量满满，无线有线都能充</p>
                 <p class="p2">129元</p>
                </a></li>
                <li><a href="#">
                 <img src="images/LED灯.jpg" alt="">
                 <h3>米家LED随身灯</h3>
                 <p class="p1">小巧轻便 5级亮度调节</p>
                 <p class="p2">19.9元</p>
                </a></li>
                <li><a href="#">
                 <img src="images/充电器.webp" alt="">
                 <h3>小米GaN充电器 Type-C 65W </h3>
                 <p class="p1">氮化镓黑科技 65W MAX 大功率快充</p>
                 <p class="p2">149元</p>
                </a></li>
                <li><a href="#">
                 <img src="images/自动洗手机.webp" alt="" style="margin-top: 0;">
                </a></li>
                <li><a href="#">
                 <img src="images/移动电源高配版.jpg" alt="">
                 <h3>移动电源高配版（10000mAh）</h3>
                 <p class="p1">轻薄设计，轻松出行</p>
                 <p class="p2">129元<del>149元</del></p>
                </a></li>
                <li><a href="#">
                 <img src="images/数据线.jpg" alt="">
                 <h3>小米二合一数据线100cm</h3>
                 <p class="p1">支持快充，安全保护</p>
                 <p class="p2">24.9元</p>
                </a></li>
                <li><a href="#">
                  <img src="images/无线耳机AIR2.webp" alt="">
                  <h3>小米真无线蓝牙耳机 Air 2</h3>
                  <p class="p1">智能洗烘，省心省力</p>
                  <p class="p2">299元<del>399元</del></p>
                 </a></li>
                 <li>
                    <a href="#" class="top" >
                      <img src="images/手机壳.webp" alt="" width="80" height="80" >
                      <h3>
                        小米9 SE 街头风保护壳</h3>
                      <p class="">49元</p>
                  </a>
    
                    <a href="#" class="bottom">
          
                      <p>浏览更多</p>
                      <small>热门</small>
                  </a>
                </li>
              </ul>
             
            </div>
          </div>
        </div>

        <div class="xiaomidianshi w">
          <img src="images/缤纷夏日行.webp" alt="">
      </div>
      <div class="box-hd">
        <div class="w" style="margin-top: 20px;">
          <h2>周边</h2>
          <div class="more">
             <ul>
              <li><a href="">出行</a></li>
              <li><a href="">热门</a></li>
            </ul>
          </div>
        </div>
    
        <div class="electric-appliance">
          <div class="w">
            <div class="electric-appliance-list">
              <ul>
                <li><a href="#">
                  <img src="images/保温杯.webp" alt="" style="margin-top: 0;">
                </a></li>
                <li><a href="#">
                 <img src="images/墨镜.webp" alt="">
                 <h3>米家飞行员太阳镜 Pro</h3>
                 <p class="p1">尼龙偏光，轻巧佩戴</p>
                 <p class="p2">199元</p>
                </a></li>
                <li><a href="#">
                 <img src="images/中性笔.webp" alt="" >
                 <h3>小米巨能写中性笔10支装</h3>
                 <p class="p1">一支顶4支，超长顺滑书写</p>
                 <p class="p2">9.99元</p>
                </a></li>
                <li><a href="#">
                 <img src="images/粉红保温杯.webp" alt="">
                 <h3>米家迷你保温杯</h3>
                 <p class="p1">可以随身携带的温度</p>
                 <p class="p2">49元</p>
                </a></li>
                <li><a href="#">
                 <img src="images/牙刷.jpg" alt="">
                 <h3>贝医生巴氏牙刷 四色装</h3>
                 <p class="p1">进口刷毛，好品质</p>
                 <p class="p2">39.9元</p>
                </a></li>
                <li><a href="#">
                 <img src="images/小米小背包.webp" alt="" style="margin-top: 0;">
                </a></li>
                <li><a href="#">
                 <img src="images/吹风机.webp" alt="">
                 <h3>米家负离子速干吹风机 H300</h3>
                 <p class="p1">小巧精悍，速干小超人</p>
                 <p class="p2">149元</p>
                </a></li>
                <li><a href="#">
                 <img src="images/运动鞋.webp" alt="">
                 <h3>米家运动鞋4</h3>
                 <p class="p1">轻盈若絮,弹若脱兔</p>
                 <p class="p2">199元</p>
                </a></li>
                <li><a href="#">
                  <img src="images/雨伞.jpg" alt="">
                  <h3>自动折叠伞</h3>
                  <p class="p1">防泼水伞布，轻盈拒水</p>
                  <p class="p2">99元</p>
                 </a></li>
                 <li>
                    <a href="#" class="bottom" style="margin-top: 0;">
                      <p>浏览更多</p>
                      <small>热门</small>
                  </a>
                </li>
              </ul>
             
            </div>
          </div>
        </div>

        <div class="xiaomidianshi w">
          <img src="images/小米聚能写.webp" alt="">
      </div>
      <div class="w" style="margin-top: 20px;">
        <h2>视频</h2>
        <div class="chakanquanbu">
          <a href="#">查看全部</a> <span></span>
        </div>
      </div>
      <div class="video-list">
        <div  class="w">
             <div class="video-one-list">
               <ul>
                 <li>
                   <a href="">
                     <img src="images/红米10X发布会.webp" alt="">
                     <span class="play"><i class=" iconfont iconfont-play"></i></span>
                     <h3>Redmi 10X系列发布会</h3>
                     <p>Redmi 10X系列发布会</p>
                   </a>
                  </li>
                 <li>
                   <a href="">
                    <img src="images/小米10青春版发布会.webp" alt="">
                    <span class="play"><i class=" iconfont iconfont-play"></i></span>
                    <h3>小米10 青春版 发布会</h3>
                   </a>
                  </li>
                 <li>
                   <a href="">
                    <img src="images/小米10拍大片.webp" alt="">
                    <span class="play"><i class=" iconfont iconfont-play"></i></span>
                    <h3>小米10发布会</h3>
                   </a>
                  </li>
                 <li>
                   <a href="">
                    <img src="images/小米10发布会.webp" alt="">
                    <span class="play"><i class=" iconfont iconfont-play"></i></span>
                    <h3>小米10发布会</h3>
                   </a>
                  </li>
               </ul>
             </div>
        </div>

        <div class="footer-service  w">
               <ul>
                 <li>
                   <a href="">
                     <i class="iconfont-tool"></i>预约维修服务
                    </a>
                  </li>
                 <li>
                  <a href="">
                    <i class="iconfont-circle-7"></i>7天无理由退货
                  </a>
                  </li>
                 <li>
                  <a href="">
                    <i class="iconfont-circle-15"></i>15天免费换货
                  </a>
                  </li>
                 <li>
                  <a href="">
                    <i class="iconfont-gift"></i>满99元包邮
                  </a>
                  </li>
                 <li>
                  <a href="">
                    <i class="iconfont-location"></i>520余家售后网点
                  </a>
                  </li>
               </ul>
        </div>
       <div class="footerlinks">
        <div class="footer-links w ">
          <dl>
            <dt><a href="">帮助中心</a></dt>
            <dd><a href="">账户管理</a></dd>
            <dd><a href="">购物指南</a></dd>
            <dd><a href="">订单操作</a></dd>
          </dl>

          <dl>
            <dt><a href="">服务支持</a></dt>
            <dd><a href="">售后政策</a></dd>
            <dd><a href="">自助服务</a></dd>
            <dd><a href="">相关下载</a></dd>
          </dl>

          <dl>
            <dt><a href="">线下门店</a></dt>
            <dd><a href="">小米之家</a></dd>
            <dd><a href="">服务网点</a></dd>
            <dd><a href="">授权体验店</a></dd>
          </dl>

          <dl>
            <dt><a href="">关于小米</a></dt>
            <dd><a href="">了解小米</a></dd>
            <dd><a href="">加入小米</a></dd>
            <dd><a href="">投资者关系</a></dd>
            <dd><a href="">企业社会责任</a></dd>
            <dd><a href="">廉洁举报</a></dd>
          </dl>

          <dl>
            <dt><a href="">关注我们</a></dt>
            <dd><a href="">新浪微博</a></dd>
            <dd><a href="">官方微信</a></dd>
            <dd><a href="">联系我们</a></dd>
            <dd><a href="">公益基金会</a></dd>
          </dl>

          <dl>
            <dt><a href="">特色服务</a></dt>
            <dd><a href="">F 码通道</a></dd>
            <dd><a href="">礼物码</a></dd>
            <dd><a href="">防伪查询</a></dd>
          </dl>
          <div class="col-contact">
            <p class="phone">400-100-5678</p>
            <p>8:00-18:00（仅收市话费）</p>
            <a href="">人工客服</a>
            <div class="follow">
              关注小米：
              <a href="" class="followWB"></a> 
              <a href="" class="followWX">
                <img src="images/wx-img.png" alt="" class="hhh">
              </a> 
             
              
            </div>
          </div>
        </div>
      </div>

      <div class="site-info">
        <div class="w">
            <div class="container">
              <div class="logo"></div>
              <div class="info-text">
                <p class="sites">
                  <a href="#">小米商城</a>
                  <span>|</span>
                  <a href="#">MIUI</a>
                  <span>|</span>
                  <a href="#">米家</a>
                  <span>|</span>
                  <a href="#">米聊</a>
                  <span>|</span>
                  <a href="#">多看</a>
                  <span>|</span>
                  <a href="#">游戏</a>
                  <span>|</span>
                  <a href="#">政企服务</a>
                  <span>|</span>
                  <a href="#">小米天猫店</a>
                  <span>|</span>
                  <a href="#">小米集团隐私政策</a>
                  <span>|</span>
                  <a href="#">小米公司儿童信息保护规则</a>
                  <span>|</span>
                  <a href="#">小米商城隐私政策</a>
                  <span>|</span>
                  <a href="#">小米商城用户协议</a>
                  <span>|</span>
                  <a href="#">问题反馈</a>
                  <span>|</span>
                  <a href="#">Select Location</a>
                </p>
                <p class="record">
                  © <a href="#">mi.com</a>
                  京ICP证110507号
                  <a href="#">京ICP备10046444号</a>
                  <a href="#">京公网安备11010802020134号</a>
                  <a href="#">京网文[2020]0276-042号</a> <br>
                  <a href="#">（京）网械平台备字（2018）第00005号</a>
                  <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                  <a href="#">营业执照</a>
                  <a href="#">医疗器械质量公告</a> <br>
                  <a href="#">增值电信业务许可证</a>
                  网络食品经营备案 京食药网食备201810017 
                  <a href="#">食品经营许可证</a> <br>
                  违法和不良信息举报电话：171-5104-4404
                  <a href="#">知识产权侵权投诉</a>
                  本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
              </div>
              <div class="info-links">
                <a href="">
                  <img src="images/truste.png" alt="">
                </a>
                <a href="">
                  <img src="images/诚信网站.png" alt="">
                </a>
                <a href="">
                  <img src="images/可信网址.png" alt="">
                </a>
                <a href="">
                  <img src="images/诚信经营.png" alt="">
                </a>
                <a href="">
                  <img src="images/网络安全证书.png" alt="" class="hhh">
                </a>
              </div>
            </div>
        </div>
        <div class="slogan w "></div>
      </div>

        <div class="home-tool-bar">
          <a href="#"  class="icon">
            <div>
              <img src="images/手机橙.png" alt="" class="hover" >
              <img src="images/手机灰.png" alt="" class="static">
            </div style="position: relative;height: 56px">
            <span>手机APP</span>
            <div class="pop-content">
              <img src="images/小米二维码.png" alt="" class="erweima" style="height: 100px;width: 100px;">
              <span>扫码领取新人百元礼包</span>
            </div>
          </a>
          <a href="#">
            <div>
              <img src="images/个人中心橙.png" alt="" class="hover" >
              <img src="images/个人中心灰.png" alt="" class="static">
             
            </div>
            <span>个人中心</span>
          </a>
          <a href="#">
            <div >
              <img src="images/售后服务橙.png" alt="" class="hover" >
              <img src="images/售后服务灰色.png" alt="" class="static">
            </div>
            <span>售后服务</span>
          </a>
          <a href="#">
            <div>
              <img src="images/人工客服橙.png" alt="" class="hover" >
              <img src="images/人工客服灰.png" alt="" class="static">
              
            </div>
            <span>人工客服</span>
          </a>
          <a href="#">
            <div>
              <img src="images/购物车橙.png" alt="" class="hover" >
              <img src="images/购物车灰.png" alt="" class="static">
            
            </div>
            <span>购物车</span>
          </a>

        </div>

        <script src="js/script.js"></script>
</body>
</html>
